TypeScript 从npm导入模块
示例如果模块具有类型定义文件(d.ts)，则可以使用import语句。import _ = require('lodash');如果您没有模块的定义文件，TypeScript将在编译时抛出错误，因为它找不到您要导入的模块。在这种情况下，可以使用正常的运行时require功能导入模块。但是，这将其返回为any类型。// _变量的类型为any，因此TypeScript将...
2024-01-10
【前端问题精选】TypeScript怎么使用draftjs？
这个代码是draftjs官方给的示例，但是在tsx里面报错，报错消息如图。不知怎么解决。已经用了 npm install @type/draft-js --save晕了，这个要怎么用呢？回答：import * as React from 'react'import {Editor, EditorState} from 'draft-js'console.log(React, Editor, EditorState)ts编译后的文件node是可以直接运行的，如果要在浏览器上运...
2024-01-10typescript nodejs 依赖注入实现方法代码详解
依赖注入通常也是我们所说的ioc模式，今天分享的是用typescript语言实现的ioc模式，这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息，它的作用是拿到原数据后进行对象创建类似C#中的反射，先看第一段代码：import "reflect-metadata";/** * 对象管理器 */const _partialContainer = new Map<...
2024-01-10
【Web前端问题】typescript decorator报错
TypeScript decorator reports “Unable to resolve signature of class decorator when called as an expression”同样的两段代码，同样的vue-property-decorator，编译器报错。不清楚是我哪里有问题？ "dependencies": { "vue": "^2.5.2", "vue-class-component": "^6.0.0", "vue-property-decora...
2024-01-10
【前端问题精选】vscode typescript 控制台警告
vue init SimonZhangITer/vue-typescript-template my-project命令创建模版可以运行, 但是就是类名报红, 问题去查过 解决办法无非 在设置中添加 "javascript.implicitProjectConfig.experimentalDecorators": true, "typescript.tsdk": "node_modules/typescript/lib",或者在 tsconfig.json experimentalDe...
2024-01-10使用TypeScript进行反应-在无状态函数中定义defaultProps
我将React与TypeScript一起使用，并且创建了无状态函数。为了便于阅读，我从示例中删除了无用的代码。interface CenterBoxProps extends React.Props<CenterBoxProps> { minHeight?: number;}export const CenterBox = (props: CenterBoxProps) => { const minHeight = props.minHeight || 250; const style =...
2024-01-10关于TypeScript中import JSON的正确姿势详解
前言Typescript是微软内部出品的，用actionscript的语法在写js的一门新语言，最近 TypeScript 中毒，想想我一个弱类型出身的人，怎么就喜欢上了类型约束……当然这不是重点，重点可能还是 JS 没有接口，我没法靠 class 语法糖写的非常 OO……下面这篇文章想说的其实是在 ts 中如何正确的 import json 格式。首...
2024-01-10TypeScript包含没有JS库的@types的原理是什么？
通过参考@types/foo，我们可以在TypeScript代码中使用JavaScript库的功能。但为什么？它只是定义了一堆数据类型和接口，但实际的逻辑仍然在JS代码中。如何在不包含原始JS库的情况下运行代码？TypeScript包含没有JS库的@types的原理是什么？例如，要在TypeScript中实现地图服务，我们只包含@types/googlemaps而没有J...
2024-01-10使用Typescript进行热重载IIS Web服务器
在带有C＃WebApi后端的TypeScript中开发我的React应用程序时，我想使用热重载。我使用.Net框架而不是Core，因此我需要使用IIS或IISExpress。我可以在webpack dev server没有问题的情况下对前端进行热重装，但是我无法访问API资源。我能做到吗？回答：找到了一个解决方案，webpack devserver用作IIS的反向代理。NPM...
2024-01-10
TypeScript 设计模式之发布-订阅模式
前言在之前两篇自测清单中，和大家分享了很多 JavaScript 基础知识，大家可以一起再回顾下~本文是我在我们团队内部“现代 JavaScript 突击队”分享的一篇内容，第二期学习内容为“设计模式”系列，我会将我负责分享的知识整理成文章输出，希望能够和大家一起温故知新！“现代 JavaScript 突击队”学...
2024-01-10
TypeScript和Nodemon终极设置！
学习如何设置TypeScript和Nodemon，以提高你的生产力并轻松开发！设置TypeScript和Nodemon有时会有些棘手，在本文中，我将向你展示如何轻松设置TypeScript和Nodemon！在此github仓库中找到本文的完整源代码。 https://github.com/talohana/typescript-nodemon-ultimate-setup创建一个示例项目让我们从创建一个示例项目开始，...
2024-01-10
types 和 @types 是什么？
TypeScript 的学习资料非常多，其中也不乏很多优秀的文章和教程。但是目前为止没有一个我特别满意的。原因有：它们大多数没有一个清晰的主线，而是按照 API 组织章节的，内容在逻辑上比较零散。大多是“讲是什么，怎么用“，而不是”讲为什么，讲原理“。大多数内容比较枯燥，趣味性比较低...
2024-01-10
vue3.0 Ref never 类型 , 用的是 typescript
下面我给 option.value.series[0]['data'] 赋值的时候报错, number 类型无法赋值给 nerve 类型, 想知道应该怎么解决呢const option = ref({ title: { text: "Traffic Sources", left: "center" }, tooltip: { ...
2024-03-13websocket4.0+typescript 实现热更新的方法
最近搞了一个webpack4+typescript的开发环境，折腾了很久现在记录一下。。。。本身环境比较好搞，但是热更新是个麻烦事儿本环境是基于webpack-dev-server搭建的 output: { publicPath: '/dist', path: path.resolve(__dirname, 'dist'), filename: 'ljax.bundle.js', hotUpdateChunkFilename: 'hot/hot-update.js', hotUpdateMainF...
2024-01-10使用Typescript和ES模块发布Node模块的方法
本文主要介绍了使用Typescript和ES模块发布Node模块的方法，分享给大家，具体如下：TypeScript已经成为一种非常流行的JavaScript语言，这是有原因的。它的类型系统和编译器能够在您的软件运行之前的编译时捕获各种bug，并且附加的代码编辑器功能使它成为一个非常适合开发人员的高效环境。但是，当你...
2024-01-10手把手教你使用TypeScript开发Node.js应用
为什么要使用TypeScript？为了减少代码编写过程中出现的错误，以及更好的维护你的项目，本文将手把手教你配置一个简单的开发环境来编写Node.js的应用程序，创建这样的一个开发环境有很多方式，这只是其中一种，希望对你有所帮助！手把手教你使用TypeScript开发Node.js应用首先配置package.json因为...
2024-01-10
TypeScript + React 组件属性之间的依赖
考察如下场景：一个自定义的下拉选择框有个 type 属性包含两种可能的值 "native" | "simulate"当 type 为 simulate 时还希望传递一个 appearence控制其样式当 type 为 native 时则不希望传递 appearence 属性即 appearence 属性是否通过 TypeScript 的类型检查依赖于 type 的值，请问组件的属性类型如何定义。一开始会...
2024-01-10
TypeScript 泛型能减小可用类型的范围吗
function n(a,b) {if (typeof a === "string"&& typeof b === "string") {return 1}else if ( a instanceof Dirent && b instanceof Dirent) {return 2}}已知 a 和 b 只会传入 string 和 Dirent （fs.Dirent 类） 类型， 且 a,b 类型一定相同我想用泛型写，想有泛型约束能减少我的判断次数不知道怎么能使用泛型 只包含 string 和 Dir...
2024-01-10
TypeScript 如何使用命名空间（超详细）
TypeScript 是 JavaScript 语言的扩展，它使用 JavaScript 的运行时和编译时类型检查器。 在 TypeScript 中，我们可以使用命名空间来组织代码。 TypeScript 中的命名空间以前称为内部模块，它基于 ECMAScript 模块的早期草案。 在 ECMAScript 规范草案中，内部模块在 2013 年 9 月左右被删除，但 TypeScript 以不同的名称保...
2024-01-10如何使用 Node.js 在 TypeScript 中创建全局变量
此时，我们可能知道 Node.js 版本 16 已删除 NodeJS.Global 以支持 globalThis，因此创建全局变量现在可能有点棘手。 我们如何在 Node.js 14 及以下版本中使用创建全局变量？ 嗯，这很简单，我们只需要从 NodeJS.Global 扩展。interface CustomNodeJSGlobal extends NodeJS.Global { myGlobalVariable: unknown}export { CustomNodeJSGloba...
2024-01-10React / TypeScript：使用其他属性扩展组件
我正在尝试使用react重新创建当前的组件（以纯打字稿编写），但是我找不到方法为扩展另一个组件的组件提供额外的支持。export interface DataTableProps { columns: any[]; data: any[];}export class DataTable extends React.Component<DataTableProps, {}> { render() { // -- I can use this.props.columns and th...
2024-01-10vue 3 typescript中怎么为reactive中的computed定义类型?
如果我在一个reactive中把对象的值设置为computed(顺便问下这么操作是合理的吗)那么请问怎么在typescript中给这个interface定义呢?import { reactive } from 'vue'interface ITableCustomFilter { name: { defaultNameOpts: ??? // 这里如何定义呢 要考虑到在templat...
2024-02-05在Typescript中使用样式化的组件，prop不存在吗？
这是我的样式化组件。import * as React from 'react';import styled from 'styled-components';import { ComponentChildren } from 'app-types';interface Props { children: ComponentChildren; emphasized: boolean;}const HeadingStyled = styled.h2` ${props => props.emp...
2024-01-10无类型npm模块的TypeScript自定义声明文件
我从npm到我使用TypeScript的项目中使用了一个名为shiitake的React组件。该库没有TypeScript声明，所以我想我会写一个。声明文件如下所示（它可能不完整，但不必担心太多）：import * as React from 'react';declare module 'shiitake' { export interface ShiitakeProps { lines: number; } export default class Shiitake ex...
2024-01-10
【前端问题精选】如何用Typings安装TypeScript？
@泡泡 这里有个关于TypeScript与react的文章。https://segmentfault.com/a/11... 有个问题不知道怎么解决，其中说的typings这个工具怎么用，点击转到github后接下来怎么搞呢？typings的链接是这个：https://github.com/typings/ty...这个链接点进去就是一些文件啊，新手学typescript，真心不知道怎么用啦。我用的VS2017这是我用npm...
2024-01-10
